<template>
<p>只读的评分用来展示分数， 允许出现半星。</p>
<div text="sm" m="y-4" data-v-72294632=""><p>为组件设置 <code>disabled</code> 属性表示组件为只读。 此时若设置 <code>show-score</code>，则会在右侧显示目前的分值。 此外，您可以使用属性 <code>score-template</code> 来提供评分模板。 模板为一个包含了 <code>{value}</code> 的字符串，<code>{value}</code> 会被替换为当前分值。</p>
</div>
  <el-rate
    v-model="value"
    disabled
    show-score
    text-color="#ff9900"
    score-template="{value} points"
  />
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const value = ref(3.7)
</script>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>